<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script id="vs" type="x-shader/x-vertex">
        attribute vec4 a_Position;
        void main(void){
            gl_PointSize = 50.0;
            gl_Position = a_Position;
        }
    </script>
    <script id="fs" type="x-shader/x-fragment">
        void main(void){
            gl_FragColor = vec4(1.0,0.0,0.0,1.0);
        }
    </script>
    <title>03 绘制和变换</title>
</head>
<body onload="main()">
    <canvas id = "webgl",width = "400" , height="400"></canvas>
    <!-- <script src="libs/webgl-utils.js"></script>
    <script src="libs/webgl-debug.js"></script>
    <script src="libs/cuon-utils.js"></script>-->
    <script src = "RotateTriangle.js"></script> 
</body>
</html>